<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>i-witkey</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/login.css" />
<script src="scripts/utilities.js" type="text/javascript"></script>
<script src="scripts/login.js" type="text/javascript"></script>
<script src="scripts/jquery-1.7.2.min.js"></script>
<script src="scripts/slides.min.jquery.js"></script>

<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true
			});
		});
	</script>
</head>

<!--body onload="document.getElementById('username').focus()"-->
<body>
	<div class="head">
		<div class="K">
			<span id="K"></span>
		</div>
		<div class="Z">
			<span id="Z" onclick="window.location.href='register.html'"></span>
		</div>
		<div class="D">
			<span id="D" onclick="window.location.href='#'"></span>
		</div>
		<div class="B">
			<span id="B" onclick="window.location.href='about.html'"></span>
		</div>
		<div class="J">
			<span id="J" onclick="window.location.href='advice.html'"></span>
		</div>
	</div>

	<div class="main">

		<div class="left">
       		<div class="grass">
            
            </div>
			<div class="N_field">
				<!-- <div id="N_blank" name="N_blank">账号：</div> -->
<div id="N_blank">账号：</div>
				<div id="N_input">
					<input id="N" name="N" type="text" size="35" />
				</div>
			</div>
			<div class="P_field">
				<!-- <div id="P_blank" name="P_blank">密码：</div> -->
				<div id="P_blank">密码：</div>
				<div id="P_input">
					<input id="P" name="P" type="password" size="35" />
				</div>
			</div>
			<div class="S" onclick="login();">
				<a></a>
			</div> 
            
</div>
		<div class="center">
			<div class="center_menu"></div>
			<div class="center_body">
				<div id="container">
					<div id="example">
						<img src="img/new-ribbon.png" width="112" height="112"
							alt="New Ribbon" id="ribbon" />
						<div id="slides">
							<div class="slides_container">
								<img src="img/slide-1.jpg" width="570" height="270"
									alt="Slide 1" /> <img src="img/slide-2.jpg" width="570"
									height="270" alt="Slide 2" /> <img src="img/slide-3.jpg"
									width="570" height="270" alt="Slide 3" /> <img
									src="img/slide-4.jpg" width="570" height="270" alt="Slide 4" />
								<img src="img/slide-5.jpg" width="570" height="270"
									alt="Slide 5" /> <img src="img/slide-6.jpg" width="570"
									height="270" alt="Slide 6" /> <img src="img/slide-7.jpg"
									width="570" height="270" alt="Slide 7" />
							</div>
						  <a class="prev"><img src="img/arrow-prev.png"
								width="24" height="43" alt="Arrow Prev"/></a> <a 
								class="next"><img src="img/arrow-next.png" width="24"
								height="43" alt="Arrow Next" /></a>
						</div>
						<img src="img/example-frame.png" width="739" height="341"
							alt="Example Frame" id="frame" />
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>